<template>
  <div>
    <a-layout>
      <a-layout-content style="margin: 20px; overflow-y: auto">
        <a-card title="应用审核状态" style="margin-bottom: 20px">
          <a-table :columns="columns" :data="data" row-key="id" /> </a-card
      ></a-layout-content>
    </a-layout>
  </div>
</template>

<script>
  import { ref } from 'vue';

  export default {
    setup() {
      const columns = [
        {
          title: '应用名称',
          dataIndex: 'appName',
          key: 'appName',
        },
        {
          title: '版本号',
          dataIndex: 'developer',
          key: 'developer',
        },
        {
          title: '审核状态',
          dataIndex: 'status',
          key: 'status',
          slots: { customRender: 'status' },
        },
        {
          title: '更新时间',
          dataIndex: 'updateTime',
          key: 'updateTime',
        },
      ];

      const data = ref([
        {
          id: 1,
          appName: 'intelligent_img',
          developer: '1.1',
          status: '已通过',
          updateTime: '2025-04-20 14:30',
        },
        {
          id: 2,
          appName: 'intelligent_img',
          developer: '1.2',
          status: '未通过',
          updateTime: '2025-04-21 10:15',
        },
        {
          id: 3,
          appName: 'intelligent_img',
          developer: '1.2.1',
          status: '审核中',
          updateTime: '2025-04-23 08:45',
        },
      ]);

      return {
        columns,
        data,
      };
    },
  };
</script>

<style>
  /* 可根据需要添加样式 */
</style>
